@extends('web.master')
@section('title','门票二维码')
@section('head')
    <link rel="stylesheet" href="{{asset('statics/css/index20180307.css')}}" />

    <style>
        .btn_tk{
            width: auto;
            padding: 0 15px;
        }

        .orderNum{
            font-size: 14px;
            color: #333;
            margin-top: 8px;
        }
        .prize_box{
            background:#fff url(/images/pop.png) no-repeat center center;
            background-size:100% 100%;
            height:auto;
            border-radius:0;
        }
        .pop_box{
            width: 80%;
            margin: 0 auto;
            text-align: left;
            padding: 10% 0;
        }
        .pop_box h2{
            font-size: 17px;
            color: #333;
            font-weight: normal;
        }
        .pop_box img{
            width: 80%;
            margin: 0 auto;
            display: block;
            padding:10% 0;

        }
        .orderNum2{
            text-align: center;
            padding-bottom:10%;
        }
    </style>
@endsection
@section('content')
    <body>
<div class="mask_prize">
    <div class="prize_box">
        <div class="pop_box">
            <h2>{{$comboOrder->combo->title}}*{{$comboOrder->total_num}}</h2>
            <p class="orderNum">订单号：{{$comboOrder->outTradeNo}}</p>
            <div id="qrcode" style="width:200px;"></div>
            <p class="orderNum orderNum2">扫我验证门票</p>
        </div>

    </div>
</div>

    @endsection
@section('foot')
    <script type="text/javascript" src="{{asset('js/qrcodejs-master/qrcode.js')}}"></script>
    <script>
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 100,
            height : 100
        });
        qrcode.makeCode('{{$comboOrder->outTradeNo}}');

    </script>
@endsection